<template>
	<view class="successBuy">
		<image :src="vuex_httpImageUrl+'static/common/success.png'" mode="widthFix"></image>
		<view class="list">
			<view>
				<text>订单编号:</text>
				<text>2234242423423424</text>
			</view>
			<view>
				<text>实付金额:</text>
				<text class="price">￥123</text>
			</view>
			<view>
				<text>支付方式:</text>
				<text>微信支付</text>
			</view>
		</view>
		<view class="hr"></view>
		<view class="list">
			<view>
				<text>收货人:</text>
				<text>加特米</text>
			</view>
			<view>
				<text>收货地址:</text>
				<text>加特米的收获地址</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	page{height: 100%;}
	.successBuy{
		background-color: #FFFFFF;
		margin-top: 20rpx;
		height: 100%;
		overflow: hidden;
		image{
			width: 250rpx;
			height: 250rpx;
			margin: 150rpx auto 80rpx;
			display: block;
		}
		.hr{
			border-top: 1px solid rgba(0,0,0,.3);
			width: 90%;
			margin: auto;
		}
		.price{
			color: $h-price;
		}
		.list{
			width: 90%;
			margin: auto;
			>view{
				// border: 1px solid red;
				$wh:50rpx;
				margin:20rpx 0;
				height: $wh;
				line-height: $wh;
				text{
					&:first-child{
						display: inline-block;
						width: 150rpx;
					}
				}
			}
		}
	}
</style>
